import React from 'react';
import Svg, {G, Path, Defs, ClipPath, Rect} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {
  size: string;
  fill?: string; // 渐变开始颜色
} & BasicsProps;

const PlayLeftIcon = ({size, fill = '#FF813A'}: Props) => {
  return (
    <Svg width={size} height={size} viewBox="0 0 28 28" fill="none">
      <G
        id="&#231;&#159;&#173;&#229;&#137;&#167;&#230;&#142;&#168;&#232;&#141;&#144;-1"
        clip-path="url(#clip0_47_1181)">
        <Path
          id="Combined-Shape"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M14.2738 4.71218C16.1708 3.51285 18.6908 3.18152 20.8678 3.87918C25.6033 5.40635 27.0733 10.5689 25.7585 14.6767C23.7296 21.1284 15.0648 25.9409 14.6973 26.1427C14.5666 26.215 14.422 26.2512 14.2773 26.2512C14.1326 26.2512 13.9891 26.2162 13.8585 26.145C13.4933 25.9455 4.89146 21.2042 2.79496 14.6779L2.79379 14.6767C1.47779 10.5677 2.94312 5.40402 7.67396 3.87918C9.89529 3.16052 12.3161 3.47668 14.2738 4.71218ZM8.21062 5.54518C4.38279 6.77952 3.42146 10.8967 4.46096 14.1435C6.09662 19.2325 12.5588 23.3474 14.2761 24.3659C15.9993 23.3369 22.5081 19.1765 24.0913 14.1482C25.1308 10.8978 24.166 6.78068 20.3323 5.54518C18.475 4.94902 16.3085 5.31185 14.8128 6.46918C14.5001 6.70952 14.0661 6.71418 13.7511 6.47618C12.1668 5.28502 10.0971 4.93618 8.21062 5.54518ZM19.2123 7.86207C20.8025 8.37657 21.9166 9.78473 22.0531 11.4496C22.0916 11.9314 21.7335 12.3537 21.2516 12.3922C21.2271 12.3946 21.2038 12.3957 21.1793 12.3957C20.7278 12.3957 20.3451 12.0492 20.3078 11.5919C20.2308 10.6329 19.5891 9.82323 18.6756 9.52807C18.2148 9.37873 17.9628 8.88523 18.111 8.42673C18.2615 7.96707 18.7503 7.7174 19.2123 7.86207Z"
          fill={fill}
        />
        <Path
          id="Combined-Shape_2"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M19.2123 7.86205C20.8024 8.37655 21.9166 9.78472 22.0531 11.4496C22.0916 11.9314 21.7334 12.3537 21.2516 12.3922C21.2271 12.3946 21.2038 12.3957 21.1793 12.3957C20.7278 12.3957 20.3451 12.0492 20.3078 11.5919C20.2308 10.6329 19.5891 9.82322 18.6756 9.52805C18.2148 9.37872 17.9628 8.88522 18.1109 8.42672C18.2614 7.96705 18.7503 7.71739 19.2123 7.86205Z"
          fill="#fff"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_47_1181">
          <Rect width="28" height="28" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};

export default PlayLeftIcon;
